

import {useState} from 'react';

/**
 * 受控绑定表单
 * 1.声明一个react状态   -- import useState
 * 2.通过value属性绑定react状态
 * 3.绑定onChange事件，通过事件参数e拿到输入框最新的值
 * 反向修改到react状态
 * 
 */

function App() {
  const [value,setValue] = useState('')

  const change = (e)=>{
    console.log(e)
    setValue(e.target.value)
  }

  
  return (
  <div className="App">
    <input value={value} 
    onChange={change}
    type='text'/>
  </div>
);
}

export default App;
